@for $i from 1 through 200 {
  .text-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: ($i); // 控制多行的行数
    -webkit-box-orient: vertical;
  }

  .l-h-#{$i} {
    line-height: ($i) + px;
  }

  .flex-#{$i} {
    flex: $i;
  }

  .w-#{$i} {
    width: ($i) + px !important;
  }

  .h-#{$i} {
    height: ($i) + px;
  }

  .m-#{$i} {
    margin: ($i) + px;
  }

  .m-t-#{$i} {
    margin-top: ($i) + px;
  }

  .m-b-#{$i} {
    margin-bottom: ($i) + px;
  }

  .m-l-#{$i} {
    margin-left: ($i) + px;
  }

  .m-r-#{$i} {
    margin-right: ($i) + px;
  }

  .p-#{$i} {
    padding: ($i) + px;
  }

  .p-t-#{$i} {
    padding-top: ($i) + px;
  }

  .p-b-#{$i} {
    padding-bottom: ($i) + px;
  }

  .p-l-#{$i} {
    padding-left: ($i) + px;
  }

  .p-r-#{$i} {
    padding-right: ($i) + px;
  }

  .fz-#{$i} {
    font-size: ($i) + px;
  }
  
  .br-#{$i} {
	  border-radius: ($i) + px;
  }
}